<script setup>
import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'

import HomeView from './views/HomeView.vue';
import AboutView from './views/AboutView.vue';
import IndexView from './views/index.vue';

console.log(11111111);

const f7params = {
  name: 'My App',
  // routes
  routes: [
    {
      path: '/',
      component: IndexView,
    },
    {
      path: '/about',
      component: AboutView,
    },
    {
      path: '/home',
      component: HomeView,
    },
  ],
}


</script>

<template>
  <f7-app v-bind="f7params">
    <f7-view main>
      <!-- 页面内容 -->
      <f7-page>
        <!-- 底部工具栏 -->
      </f7-page>
      <f7-toolbar bottom>
        <f7-link href="/">index</f7-link>
        <f7-link href="/home">home</f7-link>
        <f7-link href="/about">about</f7-link>
      </f7-toolbar>
    </f7-view>
  </f7-app>
</template>

<style scoped>
</style>
